.prose h3 {
  font-size: 1.5rem; /* 24px */
  font-weight: 700;
  color: #2b2b2b;
  margin-top: 2em;
  margin-bottom: 1em;
}
.prose h4 {
  font-size: 1.25rem; /* 20px */
  font-weight: 700;
  color: #2b2b2b;
  /* margin-top: 1.5em; */
  margin-bottom: 0.5em;
}
.prose ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
 
.prose table {
  width: 100%;
}
.prose th,
.prose td {
  border-width: 1px;
  padding: 0.5rem 0.75rem;
}

/* Menambahkan style rata kanan-kiri (justify) untuk semua paragraf di dalam artikel */
.prose p {
  /* text-align: justify; */
  margin-bottom: 1em; /* atau 1rem, 16px, dll. */
}

.card h3,
.card p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#article2-gelatotempe,
#article2-gelatotempe > section {
  overflow: visible !important;
}

/* 1. Kondisi Awal Animasi (Sebelum Terlihat) */
.image-anim {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* 2. Kondisi Akhir Animasi (Saat Terlihat) */
.image-anim.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 3. Efek Zoom Halus Saat Hover pada Gambar */
.image-anim img {
  transition: transform 0.4s ease;
}

.image-anim:hover img {
  transform: scale(1.05);
}

  @keyframes scrollTicker {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }

  .animate-scrollTicker {
    animation: scrollTicker 50s linear infinite;
  }

  .news-ticker-container:hover .animate-scrollTicker {
    animation-play-state: paused;
  }

  .news-ticker {
    /* Kecepatan bisa diatur dengan mengubah durasi animasi */
    animation: scrollTicker 30s linear infinite;
  }
  .news-ticker-container:hover .news-ticker {
    animation-play-state: paused;
  }

    .active-category {
    /* color: #bfa892 !important; */
    font-weight: 600;
  }